@import "../../../assets/style/global";

.user-manger {
  width: 65vw;
  height: 82vh;

  &-title {
    border-bottom: 1px solid #576070;

    li {
      float: left;
      padding: 15px 20px;
      cursor: pointer;

      &.active {
        color: $grayLight;
        border-bottom: 1px solid $blue;
      }
    }
  }

  &-search {
    margin: 30px 0;
    .tip {
      line-height: 32px;
    }
    .choose-role {
      float: right;
      width: 130px;

      .ant-select-selection {
        background: $bgColor;
        border: 1px solid $borderColor;
        color: #d0d5de;
      }

      .ant-select-arrow {
        color: #366f9a;
      }

    }

    .role-search {
      float: right;
      width: 255px;
      margin: 0 30px;
      background: $bgColor;
      border: 1px solid $borderColor;
      color: #d0d5de;
    }

    .add-role {
      float: right;
      color: $blueLight;
      line-height: 32px;
      cursor: pointer;
      > i {
        font-size: 16px;
        margin-right: 5px;
      }
    }
  }

  .op {
    cursor: pointer;

    &.op-edit {
      color: $blueLight;
    }
    &.op-unuse {
      color: $red;
      margin: 0 25px;
    }
    &.op-cancel {
      color: $yellow;
    }
  }
}
